<template>
  <div class="userconfirm">
    <topHeader>
      <div slot="left">
        <img src="./../../assets/img/return.png" alt="" @click="goMine">
      </div>
      <span slot="center">
        行驶证认证
      </span>
    </topHeader>
    <div class="userconfirm_con">
      <div class="car_box">
        <div class="title">
          品牌车型
        </div>
        <div class="input_box">
          <input type="text" placeholder="请输入您的车型">
        </div>
      </div>
      <div class="car_box">
        <div class="title">
          车牌号
        </div>
        <div class="input_box">
          <input type="text" placeholder="请输入您的车牌号">
        </div>
      </div>
      <div class="idcard_img_box">
        <div class="idcard_img_title">
          行驶证照
        </div>
        <div class="idcard_img">
          <img src="./../../assets/img/zhengmian.png" alt="">
          <input type="file" accept="image" ref="inputer" @change="handleFileChange">
        </div>
      </div>
      <!-- <div class="idcard_img_box">
        <div class="idcard_img_title">
          身份证国徽面
        </div>
        <div class="idcard_img">
          <img src="./../../assets/img/fanmian.png" alt="">
          <input type="file" accept="image" ref="inputer1" @change="handleFileChange1">
        </div>
      </div> -->
      <div class="summit_btn" @click="sumitIdCard">
        提交认证
      </div>
    </div>
  </div>
</template>

<script>
import topHeader from './../../components/topHeader'
export default {
  data () {
    return {
      file: {},
      file1: {}
    }
  },

  components: {
    topHeader
  },

  computed: {},

  mounted () {},

  methods: {
    goMine () {
      this.$router.go(-1)
    },
    handleFileChange (e) {
      let inputDOM = this.$refs.inputer
      this.file = inputDOM.files[0]
      if (this.file) {
        // this.uploadIMG()
        console.log(this.file)
      }
    },
    handleFileChange1 (e) {
      let inputDOM = this.$refs.inputer1
      this.file = inputDOM.files[0]
      if (this.file) {
        // this.uploadIMG()
        console.log(this.file)
      }
    },
    sumitIdCard () {}
  }
}

</script>
<style lang='less' scoped>
@import url('./index.less');
</style>